<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>My JSP starting page</title>
    
	<meta http-equiv="pragma" content="no-cache"> 
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	
	<link rel="stylesheet" type="text/css" href="wzp/css/eventaccept.css">
	<link rel="stylesheet" type="text/css" href="wzp/css/popup.css">
	<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css" rel="stylesheet" />
					
	<style type="text/css">
		.demo{font: 62.5%}
		.area td{ height:26; background-color:#FFF; text-align:left;}
		.areaUtil{ background-image:url("tab/images/tab_14.gif");padding-left:20px;}
		.button{border:none;height:26; background:url("wzp/images/blue.png");}
		.clickbutton{height:26; background-image:url("images/tab_item.jpg");}
		#annexsArea .fn {color:#036;}
		#annexsArea .dell { color:#666600; cursor:pointer; text-decoration:underline;}
		
	</style>
	
	<script type="text/javascript" src="/ag/js/dialog/jquery-1.4.2.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.bgiframe-2.1.1.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.core.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.widget.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.mouse.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.draggable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.position.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.resizable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.dialog.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.effects.core.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.tabs.js"></script>
			
	
	</head>
	
	<body>
	
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="wzp/images/tab_03.gif" width="15" height="30" /></td>
        <td width="100%" background="wzp/images/tab_05.gif">
        	<img src="wzp/images/311.gif" width="16" height="16" /> 
        	工情分析</td>
        <td width="14"><img src="wzp/images/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellpadding="0"  cellspacing="0" >
      <tr>
        <td width="9" background="wzp/images/tab_12.gif">&nbsp;</td>
        <td bgcolor="#dceffd">
          <table  width="99%" border="0" align="center" cellpadding="1" cellspacing="1" bgcolor="#84b1d3" >
          <thead>
          <tr class="trtab">
            <td class="tdtab" width="33%"><span class="tdspan">受理单号：</span><span id="eid">${event.EId }</span>
			</td>
            <td class="tdtab" width="34%"><span class="tdspan">事件状态：</span><span id="tdes">${event.tbEventStatus.tbesEventStatus}</span>
            </td>
            <td class="tdtab" width="33%"><span class="tdspan">事件等级：</span>${event.tbEventLevel.elEventLevel} 
          </tr>
          <tr class="trtab">
            <td class="tdtab" width="33%"><span class="tdspan">报送方式：</span>${event.tbEventSource.esEventSource }
			</td>
            <td class="tdtab" width="34%"><span class="tdspan">联系方式：</span>${event.ESubmiterContact}
            </td>
            <td class="tdtab" width="33%"><span class="tdspan">报送时间：</span><s:date name="event.ESubmitTime" format="yyyy-MM-dd HH:mm:ss" />
            </td>
          </tr>
           <tr class="trtab">
            <td class="tdtab" width="33%"><span class="tdspan">报送人：</span><span >${event.ESubmiter}</span>
            </td>
            <!--  
            <td class="tdtab" width="34%"><span class="tdspan">报送部门：</span>${event.ESubmitDept}
            </td>
            -->
            <td class="tdtab" width="34%"><span class="tdspan">接报人：</span><span  >${event.tbUserByUId.UName}</span>
			</td>
			<td class="tdtab" width="33%"></td>
          </tr>
          <tr class="trtab">
          	 
            <td class="tdtab" width="33%"><span class="tdspan">事发地点：</span>${event.EEventAddr}
			</td>
            <td class="dou tdtab" width="34%"><span class="tdspan">经度：</span><span>${event.ELongitude}</span>
            </td>
            <td class="sample5 tdtab" width="33%"><span class="tdspan">纬度：</span><span style="padding-left:32;">${event.ELatitude}</span>
            </td>
          </tr>
          <tr class="trtab">
            <td class="tdtab" width="33%"><span class="tdspan">事发时间：</span><s:date name="event.EEventtime" format="yyyy-MM-dd HH:mm:ss" />
			</td>
            <td class="tdtab" width="67%" colspan="2"><span class="tdspan">事件名称：</span><span id="eventName">${event.EEventname}</span>
            </td>
            
          </tr>
          <tr class="trtab">
          	<td class="tdtab" width="33%"><span class="tdspan">事件类型：</span>${event.tbEventType.etEventType}
            </td>
            <td class="num tdtab" width="33%"><span class="tdspan">死亡人数：</span>${event.EDeaths}
			</td>
            <td class="num tdtab" width="34%"><span class="tdspan">受伤人数：</span>${event.EInjuries}
            </td>
            <!--  
            <td class="tdtab" width="33%"><span class="tdspan">事件等级：</span>${event.tbEventLevel.elEventLevel}  
            </td>
             -->
          </tr>
          <tr class="trtab">
		  	<td class="tdtab2" colspan="3">
				<span style="float: left; padding-top:20; width:104;text-align:right" >事件原因：</span>
		  		<span class="textAeraRight">
					${event.EEventCause}
				</span>
			</td>
		  </tr>
		  <tr class="trtab">
		  	<td class="tdtab2" colspan="3">
		  		<span style="float: left; padding-top:20; width:104;text-align:right" >事件描述：</span>
		  		<span class="textAeraRight">
					${event.EEventDesc}
				</span>
			</td>
		  </tr>
		  <tr class="trtab">
		  	<td class="tdtab2" colspan="3">
		  		<span style="float: left; padding-top:20;width:104;text-align:right">已采取措施：</span>
		  		<span class="textAeraRight">
					${event.ETakeMeasure}
				</span>
			</td>
		  </tr>
		  </thead>
		  <tr id="mackupArea" ><td colspan="3">
		  	<table class='area' width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
		    	<tr><td class="tdtab2 areaUtil" >事件补充  <img style="display:none" id="mackup_down" alt="" src="wzp/images/arrow_down_24.gif">
		    			<img id="mackup_up" alt="" src="wzp/images/arrow_up_24.gif">
		    			<input name="xx" value="事件补充" type="button" class="sjbc" />	
						<input name="yy" value="事件修改" type="button" class="sjxg" />
						<input name="zz" value="事件删除" type="button" class="sjsc" /> 
		    	</td></tr>
		    	<tbody id="mackups">
		    	<tr><td bgcolor="#dceffd">
	          			<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#84b1d3" > 
	          				          					
	        			</table>
	        		</td>
 			  	</tr>
 			  	</tbody>
		  	</table>
		  </td></tr>
		  <tr id="DAArea" ><td colspan="3">
		  	<table class='area' width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
		    	<tr><td class="tdtab2 areaUtil" >处置建议  <img id="da_down" style="display:none" alt="" src="wzp/images/arrow_down_24.gif">
		    			<img   id="da_up" alt="" src="wzp/images/arrow_up_24.gif"></td></tr>
		    	<tr><td bgcolor="#dceffd">
	          			<table id="das" style="display:none" width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#84b1d3" >           					
	        			</table>
	        		</td>
 			  	</tr>
		  	</table>
		  </td></tr>
		  <!--    
		  <tr id="addDA" class="trtab">
		  	<td class="tdtab" colspan="3"> 
		  		<button id="send">添加处置建议</button>
			</td>
		  </tr>
		 
		  <tr id="addDAdviceArea" class="trtab" style="display:none">
		  	<td class="tdtab2" colspan="3"><span class="textAeraLeft">处置建议：</span>
		  		<span > <textarea id="daContent" name="daContent" rows="5"
					style="width:100%" >请在这里填写处置建议</textarea></span>	
		 		<span style="padding-left:100"><input id="dAdivce" type="button" value="添加"/></span>
		 	</td> 
		  </tr>
		 
		  
		  <tr id="operate" class="trtab" >
          	<td colspan="3" align="center">
          		<button class="submit" id="edit zhh/index.jsp" >处置事件</button>
          		<span style="padding-left:20">
          		<button class="submit" id="delete ">启动预案</button></span>
          	</td>
          </tr>
           -->
        </table></td>
        <td width="9" background="wzp/images/tab_16.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="wzp/images/tab_20.gif" width="15" height="29" /></td>
        <td width="100%" background="wzp/images/tab_21.gif"></td>
        <td width="14"><img src="wzp/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>
<!-- 弹出窗口的div -->
	<div class="demo" style="display:none;">
	
    <!-- 负责人选择窗口 -->	
    <div id="addMackupWindow">
        <table width='98%' border='0' width="98%" height="98%" cellpadding="3" cellspacing="1" 
			   align="center" style="background-color: #1177bd">
	          <tr> <td bgcolor="#ffffff">
	               <div id="mackForm">
                   		<table width="450" align="center">
                           <thead>
                           <tr><td align="left"> 
                           		<div style="margin-top: 5px">受理单号：<span id='eventId' style='color:red;font-size:18'>${event.EId }</span></div>
						  		<div style="margin-top: 5px"><span>补充内容：</span></div>
						  		<div> <textarea id='mackContent' style='width:430;height:120'></textarea> </div>
								<div> <button id ="addAnnex">添加附件</button></div>
								<div id="annexs" style="display:none;padding-top:5px;">已上传附件： </div>
								<div id="annexsArea" style="display:none"></div>
						   </td></tr>
						   </thead>
			 				<tr class="trtab">
       						<td  align="center">
       						<input id='okAdd' class="submit" type="Button" value="补充"/> 
       						<span style="padding-left:20">
       						<input id='cancelAdd' class="submit" type="button" value="取消"/></span>
       						</td>
       					</tr>
                     </table>
	                 </div>
	              </td>
	          </tr>	       
	    </table>
    </div>
    
	<div id="addAnnexWindow" >
		<p>	<input type="file" name="uploadify" id="uploadify" />
			<input type="button" class="myBtn" onclick="jQuery('#uploadify').uploadifyUpload()" value="开始上传">
			&nbsp;
			<input type="button" class="myBtn"
				onclick="jQuery('#uploadify').uploadifyClearQueue()" value="取消所有上传">
		</p>
		<div id="fileQueue" style="height:200px;border:1px solid #E5E5E5;margin-bottom:10px " ></div>
		
	</div>
</div>
	</body>
<!--上传附件  -->
	<link href="lzm/css/uploadify.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="lzm/js/swfobject.js"></script>
	<script type="text/javascript" src="lzm/js/jquery.uploadify.v2.1.0.min.js"></script>			
	<script type="text/javascript" src="wzp/js/detail.js"></script> 
	<script type="text/javascript" src="wzp/js/mackup.js"></script> 
</html>